
<!DOCTYPE html>
<html>
<head>
    <meta charSet="utf-8"/>
    <meta http-equiv="x-ua-compatible" content="ie=edge"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/>
    <title>占绿的前端简历</title>
</head>
<body>
<div>
    <div style="outline:none" tabindex="-1" role="group" id="gatsby-focus-wrapper">
        <div>
            <style>

                * {
                    margin: 0;
                    padding: 0;
                    border: 0;
                    font-size: 100%;
                    font: inherit;
                    vertical-align: baseline;
                }

                body {
                    line-height: 1.5;
                }

                html, button, input, textarea {
                    -webkit-font-smoothing: antialiased;
                    -moz-osx-font-smoothing: grayscale;
                    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Ubuntu, Cantarell, Roboto, Helvetica, Arial, Noto Sans, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
                }

                .main {
                    margin: 0 auto;
                    padding: 4rem 2rem 8rem 2rem;
                    max-width: 600px;
                    color: #333333;
                }

                .main .introduction {
                    padding:1em 0em;
                }

                .main h1 {
                    font-size: 30px;
                    font-weight: 600;
                    text-transform: uppercase;
                    margin-bottom: 2rem;
                }

                .main h2 {
                    margin-top: 2rem;
                    font-size: 12px;
                    font-weight: 600;
                    color: #c9cccf;
                    text-transform: uppercase;
                    -webkit-letter-spacing: 1.2px;
                    -moz-letter-spacing: 1.2px;
                    -ms-letter-spacing: 1.2px;
                    letter-spacing: 1.2px;
                }

                .main p {
                    margin-bottom: 0.25rem;
                }

                .main a {
                    -webkit-transition: box-shadow 160ms ease 0s;
                    transition: box-shadow 160ms ease 0s;
                    box-shadow: rgb(238, 251, 255) 0px -9px 0px inset;
                    border-bottom: 2px solid rgb(207, 243, 255);
                    -webkit-text-decoration: none;
                    text-decoration: none;
                    color: #323336;
                }

                .main a:hover {
                    box-shadow: rgb(207, 243, 255) 0px -1.2em 0px inset;
                }

                .main .grey {
                    color: #96999b;
                }

                .main .headline {
                    display: block;
                    text-transform: uppercase;
                    font-weight: 600;
                    font-size: 18px;
                    -webkit-letter-spacing: 1.2px;
                    -moz-letter-spacing: 1.2px;
                    -ms-letter-spacing: 1.2px;
                    letter-spacing: 1.2px;
                    padding-top: 2rem;
                    padding-bottom: 0.5rem;
                }

                .main ul.skills  {
                    display: -webkit-box;
                    display: -webkit-flex;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-flex-wrap: wrap;
                    -ms-flex-wrap: wrap;
                    flex-wrap: wrap;
                    padding: 1.4rem 1rem;
                    list-style-type: none;
                    margin-left: 2.5rem;
                }

                .main ul.skills li  {
                    margin-bottom: 1rem;
                    margin-right: 0.5rem;
                    padding: 0.25rem 0.8rem;
                    background-color: #f1f5f7;
                    white-space: nowrap;
                    list-style-type: none;
                }

                .main ul.desc   {
                    list-style-type: none;
                    margin-left: 0rem;
                    line-height: 2;
                }
                .main ul.desc li  {
                    padding:0.5em 0em;
                }

                .college{
                    color:black;

                    display: block;
                    text-transform: uppercase;
                    font-weight: 450;
                    font-size: 18px;
                    -webkit-letter-spacing: 1.2px;
                    -moz-letter-spacing: 1.2px;
                    -ms-letter-spacing: 1.2px;
                    letter-spacing: 1.2px;
                    padding-top: 1.5rem;
                    padding-bottom: 0.5rem;
                }
                .salary {
                    color:#191111;

                }
            </style>

            <div class="main">
                <h1>占绿</h1>

                <div class="other">
                    <!-- <span class="headline">联系方式</span> -->
                    <!-- <p><a class="grey" target="_blank" href="http://resume.gakaki.com/doc">Resume</a></p>
                    <p><a class="grey" target="_blank" href="http://blog.gakaki.com">Blog</a></p> -->
                    <p><a class="grey" target="_blank" href="https://github.com/zlaccount">GitHub</a></p>
                    <p><a class="grey" target="_blank" href="tel:13476130394">13476130394</a></p>
                    <p><a class="grey" target="_blank" href="mailto:zhanl.web@qq.com">zhanl.web@qq.com</a></p>
                </div>
                
                <p class="introduction grey">
                    有丰富的前端(5年）及iOS原生开发经验(4年)，精通移动H5、小程序、。后端语言熟悉PHP Node JavaScript Golang 担任过小组技术负责人角色，有一定的技术管理经验。
                </p>
               

                <h2><a href="works.html" target="_blank">项目列表链接(有图)</a>
                </h2>
                
                <div class="section">

                    <h2>Work Experience 工作经历</h2>

                    <!-- <div>

                        <a target="_blank" rel="noopener" href="https://www.medtreehealth.com">
                            <span class="headline">上海壹树医疗 2020.03 ~ 2020.09</span>
                        </a>

                        <span class="grey"></span>

                        <ul class="skills grey">
                            <li>前端高级研发</li>
                            <li>React</li>
                            <li>TypeScript</li>
                            <li>NodeJS</li>
                        </ul>

                        <ul class="desc">
                            <li>
                                任职前端主程。负责公司 医疗产品的2C业务线公众号H5与小程序架构和大部分页面的编写。负责人员招聘。
                                公众号H5,使用（Typescript React Inversify Immutable.js )编写，涉及自定义UI组件，与后端数据交互Mock与业务流程编写。
                                <a href="https://midu.studio515.cn/2020_02_medtreehealth/1.png" target="_blank">截图</a>
                            </li>
                            <li>
                                后台管理Antd Pro页面编写。
                                <a href="https://midu.studio515.cn/2020_02_medtreehealth/2.png" target="_blank">截图</a>
                            </li>

                            
                        </ul>
                    </div> -->

                    <!-- <div>
                        <a target="_blank" rel="noopener" href="http://www.qutoutiao.net">
                            <span class="headline">疫情期间休息与外包  2020.03 ~ 2018.08</span>
                        </a>
                        <span class="grey"></span>

                        <ul class="skills grey">
                            <li>前端高级研发</li>
                            <li>React</li>
                            <li>Java</li>
                        </ul>

                        <ul class="desc">
                            <li>
                                开发医疗处方药系统。
                                移动端h5（微信公众号），处方上传下单，药品购物车，药房查询，地址管理，用药提醒。
                                管理端admin的开发。处方审核，药品订单确认。
                            <li>
                                壹树医疗-患者端
                                <a href="https://midu.studio515.cn/2020_02_medtreehealth/1.png" target="_blank">截图</a>
                                <a href="https://midu.studio515.cn/2020_02_medtreehealth/code1.png" target="_blank">代码展示</a>
                            </li>

                            <li>
                                壹树医疗-患者管理端
                                <a href="https://midu.studio515.cn/2020_02_medtreehealth/2.png" target="_blank">截图</a>
                                <a href="https://midu.studio515.cn/2020_02_medtreehealth/code2.png" target="_blank">代码展示</a>
                            </li>

                        </ul>
                    </div> -->


                    <div>
                        <a target="_blank" rel="noopener" href="http://www.qutoutiao.net">
                            <span class="headline">趣头条 2018.09 ~ 2020.08</span>
                        </a>
                        <span class="grey"></span>

                        <ul class="skills grey">
                            <li>前端全栈高级研发</li>
                            <li>React</li>
                            <li>GoLang</li>
                            <li>NodeJS</li>
                        </ul>

                        <ul class="desc">
                            <li>
                                在趣头条工程效率团队 任职前端研发。从零设计适合趣头条的OKR管理系统，系统包含目标管理，目标对齐，过程管理，项目管理，汇报管理五大模块。
                                在其中负责了前端功能框架搭建（Typescript React Applo GraphQL），后端大部分业务编写（Nest.js+Mongoose+GraphQL+GitLabCI)，Docker容器化的工作
                                <a href="https://midu.studio515.cn/my_works/okr.png" target="_blank">截图</a>
                            </li>
                            <li>
                                与其他组员3人共同研发公司内部持续集成平台雨燕CD，负责前端页面逻辑的编写与后端NodeJS Api与Jenkins GitLabCI 微服务调用 (React Antd ES6  MySQL).
                                <a href="https://midu.studio515.cn/my_works/cicd.png" target="_blank">截图</a>
                            </li>
                            <li style="display:none">
                                负责前端上报相关工作，统一规范公司三四条业务线的多个app的性能，异常数据上报，挖掘有价值的上报维度，对接入统一上报能力的业务提供数据可视化查询，
                                实现可以针对app内嵌h5的几乎所有异常和白屏情况，进行真实错误现场的还原，以及线上异常报警能力。
                                针对核心业务app，与数据中心等部门合作，参与设计和实现了App生命周期内的埋点监控.
                                与数据中心一起设计了针对多业务场景下的埋点上报规范，提供了h5埋点上报的sdk并负责整个埋点平台的前端工作。
                                负责了埋点数据的后端存储模块的业务代码
                                <a href="https://midu.studio515.cn/my_works/maidianjiankong.png" target="_blank">截图</a>
                            </li>
                            <li>
                                维护移动端app发版管理系统(前端Vue Element + NodeJS Egg.js) 
                                <a href="https://midu.studio515.cn/my_works/android.png" target="_blank">截图</a>
                            </li>

                            <li>
                                
                                <a href="https://midu.studio515.cn/2020_02_medtreehealth/1.png" target="_blank">截图</a>
                                <a href="https://midu.studio515.cn/2020_02_medtreehealth/code1.png" target="_blank">代码展示</a>
                            </li>

                            <li>
                                疫情期间的外包项目：壹树医疗-患者管理端
                                <a href="https://midu.studio515.cn/2020_02_medtreehealth/2.png" target="_blank">截图</a>
                                <a href="https://midu.studio515.cn/2020_02_medtreehealth/code2.png" target="_blank">代码展示</a>
                            </li>

                        </ul>
                    </div>

                    <div>
                        <a target="_blank" rel="noopener" href="https://wowdsgn.com/home">
                            <span class="headline">尖叫设计（家居电商） 2016.01 ~ 2018.08</span>
                            
                        </a>

                        <ul class="skills grey">
                            <li>技术负责人</li>
                            <li>Swift</li>
                            <li>React</li>
                            <li>NodeJS</li>
                            <li>SpringBoot</li>
                        </ul>

                        <ul class="desc">
                            <li>从0开始组建研发团队，并成功在一个月内上线尖叫设计App。架构并编写了微信公众号h5商城和小程序的开发以及后台管理。</li>
                            <li>前端方面： 牵头优化前后端技术架构( jQuery 转es6 React ），为前端引入了前端工程化，集合gitlab-ci实现持续集成，开发速度提升3倍。</li>
                            <li>App方面： 引入IOS的组件化开发 ，提升编译发版速度从20分钟缩短为5分钟。</li>
                            <li>后端方面： NodeJS后端egg.js 重构至JAVA技术栈。 牵头推进全司服务容器化，并经受住了大流量活动的考验。</li>
                        </ul>
                    </div>

                    
                    <div>
                        <a rel="noopener" href="javascript:console.log('不提了，500人公司说发不出工资就发不出来了')">
                            <span class="headline">上海腾牛电子商务有限公司 2014.06 ~ 2016.01</span>
                        </a>

                        <ul class="skills grey">
                            <li>iOS主程</li>
                            <li>Objective-C</li>
                            <li>前端</li>
                        </ul>

                        <ul class="desc">
                            <li>研发和维护 '牛家帮'和 '小牛快跑' iOS App</li>
                            <li>负责了iOS App的Api后端(SpringMVC MyBatis)和后台管理界面（Vue.js Bootstrap）</li>
                        </ul>
                    </div>


                    <div>
                        <a rel="noopener" href="javascript:console.log('真的惨，几年后来看就消失了')">
                            <span class="headline">上海优伊网络科技有限公司 2013.04 ~ 2014.05</span>
                        </a>

                        <ul class="skills grey">
                            <li>iOS研发</li>
                            <li>OpenWrt</li>
                            <li>LuCI</li>
                            <li>Objective-C</li>
                        </ul>

                        <ul class="desc">
                            <li>研发和维护'U糖健康','U糖医师' APP经历2.0到4.0的迭代</li>
                            <li>U糖盒子（存储U糖数据的OpenWrt硬件）的交互界面与数据存储， </li>
                        </ul>
                    </div>

                    <div>
                        <a target="_blank" rel="noopener" href="https://apps.apple.com/cn/app/%E7%94%B3%E4%B8%87%E5%AE%8F%E6%BA%90%E5%A4%A9%E6%B8%B8%E6%97%97%E8%88%B0%E7%89%88/id950920171">
                            <span class="headline">上海益盟软件技术有限公司 2012.02 ~ 2013.03</span>
                        </a>

                        <ul class="skills grey">
                            <li>iOS研发</li>
                            <li>Objective-C</li>
                        </ul>

                        <ul class="desc">
                            <li>研发和维护 益盟操盘手（宏源天游） iPad 版 证券股票软件</li>
                        </ul>
                    </div>

                    <div>
                        <a rel="noopener" href="javascript:console.log('记得被阿里投资了')">
                            <span class="headline">上海商派SHOPEX网络科技 2008.02 ~ 2012.02</span>
                        </a>

                        <ul class="skills grey">
                            <li>PHP后端研发</li>
                            <li>jQuery前端开发</li>
                            <li>Python</li>
                            <li>iOS主程</li>
                        </ul>

                        <ul class="desc">
                            <li>研发维护商派B2B B2C产品。PHP + jQuery Ajax 前后端开发。</li>
                            <li>Python编写多线程程序应用于多店铺订单数据同步</li>
                            <li>研发名鞋库S.cn的iOS App。开发了客户端和服务器端API。包括用户管理，商品列表分类，购物车，订单系统，提醒功能。</li>
                        </ul>
                    </div>

                    <div>
                        <a rel="noopener" href="javascript:console.log('倒闭了没辙')">
                            <span class="headline">上海锐动文化 HiMovie.net 2006.12 ~ 2008.02</span>
                        </a>

                        <ul class="skills grey">
                            <li>C#</li>
                            <li>WinForm</li>
                            <li>jQuery</li>
                            <li>ASP.Net</li>
                        </ul>

                        <ul class="desc">
                            <li>研发电影购票站HiMovie.net。工作包括影片展示，后台票务管理。用户，订票系统 ASP.NET jQuery</li>
                            <li>维护售票机 C# WinForm 程序 </li>
                        </ul>

                    </div>

                    <!--                        <div>-->
                    <!--                            <h2>-->
                    <!--                                <s>之前 六 七年 都是IOS PHP JQuery项目经验略过</s>-->
                    <!--                            </h2>-->
                    <!--                        </div>-->

                    <div class="section">
                        <h2>Education教育经历</h2>
                        <div>
                            <span class="college">上海交通大学 本科（专升本非统招） 2017~2019</span>
                            <span class="grey">计算机科学与技术</span>
                        </div>
                        <div>
                            <span class="college">上海托普信息技术学院 大专 2003~2006</span>
                            <span class="grey">计算机软件</span>
                        </div>
                      
                    </div>

                    <div class="section">
                        <h2>薪资要求</h2>
                        <h5 class="salary section">
                            当前薪资31k * 14月 期望尽快入职30k * 13月
                        </h5>
                    </div>
                </div>

                
               

            </div>
        </div>
    </div>
</div>
</body>
</html>